{% extends "../_base/layout.html" %} 
{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/personal_feedback_list.css"> 
{% endblock %} 
{% block content %} 
    {% block header%} 
        {% set pageHeaderConf = {pageTitle: __("feedback_page_title"),level:2} %} 
        {%include "../_base/page_header.html"%} 
    {% endblock %}
<div class="eui-main-container feedback-list-main-container eui--position-rel">
    <ul class="eui-table-view eui--margin-t-20">
        <li class="eui-table-view-cell eui--padding-a-16">
            <div class="eui-media">
                <div class="eui-media-header eui--margin-b-20">
                    <img src="{{static.static}}/static/images/test-avatar.jpg" alt="">
                    <span class="eui-media-label eui--556c96-color eui--font-32">昵称</span>
                </div>
                <div class="eui-media-content eui--font-26"> 
                    <h2 class="eui-madia-content-title eui--black-color eui--ellipsis">吐槽的标题，一行显示20个字符，最多显示30字符</h2>                    
                    <p class="eui--949494-color">吐槽的标题，一行显示20个字符，最多显示30字符</p>
                    <ul class="feedback-img-list eui--clearfix">
                        <li class="feedback-img-item eui--pull-left"><img src="{{static.static}}/static/images/test-question-img-01.jpg" alt=""></li>
                        <li class="feedback-img-item eui--pull-left"><img src="{{static.static}}/static/images/test-question-img-02.jpg" alt=""></li>
                        <li class="feedback-img-item eui--pull-left eui--margin-r-0"><img src="{{static.static}}/static/images/test-question-img-02.jpg" alt=""></li>                        
                    </ul>
                </div>
                <div class="eui-card-footer eui--font-26 eui--position-rel">
                    <p class="eui--949494-color">2017-08-10</p>
                    <div class="dialog-wrap eui--position-abs">
                        <span class="eui-icon eui-icon-dialog"></span> 1000
                    </div>
                </div>
            </div>
        </li>
        <li class="eui-table-view-cell eui--padding-a-16">
            <div class="eui-media">
                <div class="eui-media-header eui--margin-b-20">
                    <img src="{{static.static}}/static/images/test-avatar.jpg" alt="">
                    <span class="eui-media-label eui--556c96-color eui--font-32">昵称</span>
                </div>
                <div class="eui-media-content eui--font-26"> 
                    <h2 class="eui-madia-content-title eui--black-color eui--ellipsis">吐槽的标题，一行显示20个字符，最多显示30字符</h2>                    
                    <p class="eui--949494-color">吐槽的标题，一行显示20个字符，最多显示30字符</p>
                    <ul class="feedback-img-list eui--clearfix">
                        <li class="feedback-img-item eui--pull-left"><img src="{{static.static}}/static/images/test-question-img-01.jpg" alt=""></li>
                        <li class="feedback-img-item eui--pull-left"><img src="{{static.static}}/static/images/test-question-img-02.jpg" alt=""></li>
                        <li class="feedback-img-item eui--pull-left eui--margin-r-0"><img src="{{static.static}}/static/images/test-question-img-02.jpg" alt=""></li>                        
                    </ul>
                </div>
                <div class="eui-card-footer eui--font-26 eui--position-rel">
                    <p class="eui--949494-color">2017-08-10</p>
                    <div class="dialog-wrap eui--position-abs">
                        <span class="eui-icon eui-icon-dialog"></span> 1000
                    </div>
                </div>
            </div>
        </li>
        <li class="eui-table-view-cell eui--padding-a-16">
            <div class="eui-media">
                <div class="eui-media-header eui--margin-b-20">
                    <img src="{{static.static}}/static/images/test-avatar.jpg" alt="">
                    <span class="eui-media-label eui--556c96-color eui--font-32">昵称</span>
                </div>
                <div class="eui-media-content eui--font-26"> 
                    <h2 class="eui-madia-content-title eui--black-color eui--ellipsis">吐槽的标题，一行显示20个字符，最多显示30字符</h2>                    
                    <p class="eui--949494-color">吐槽的标题，一行显示20个字符，最多显示30字符</p>
                    <ul class="feedback-img-list eui--clearfix">
                        <li class="feedback-img-item eui--pull-left"><img src="{{static.static}}/static/images/test-question-img-01.jpg" alt=""></li>
                        <li class="feedback-img-item eui--pull-left"><img src="{{static.static}}/static/images/test-question-img-02.jpg" alt=""></li>
                        <li class="feedback-img-item eui--pull-left eui--margin-r-0"><img src="{{static.static}}/static/images/test-question-img-02.jpg" alt=""></li>                        
                    </ul>
                </div>
                <div class="eui-card-footer eui--font-26 eui--position-rel">
                    <p class="eui--949494-color">2017-08-10</p>
                    <div class="dialog-wrap eui--position-abs">
                        <span class="eui-icon eui-icon-dialog"></span> 1000
                    </div>
                </div>
            </div>
        </li>
    </ul>  
    <a href="/personal/feedback" class="eui-icon eui-icon-dialog_big"></a>
</div>
{% endblock %}
